<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
     <div id="order-type-choose-nav">
                <ul class="nav nav-pills">
                    <li id="orderChange" value="allOrder" role="presentation" class="active"><a href="javascript:void(0);">All Orders</a></li>
                    <li id="orderChange" value="newOrder" role="presentation"><a  href="javascript:void(0);">New Orders</a></li>
                    <li id="orderChange" value="receiveOrder" role="presentation"><a href="javascript:void(0);">Took Orders</a></li>
                    <li id="orderChange" value="waitSendOrder" role="presentation"><a href="javascript:void(0);">Wait Distribution</a></li>
                    <li id="orderChange" value="refusedOrder" role="presentation"><a href="javascript:void(0);">Refused Order</a></li>
                </ul>
            </div>
            <div id="show-order-area"> 
                <div class="col-xs-1 col-md-10 show-order-list">
                    <div id="order-details-list" class="thumbnail" >
                        <div class="caption order-detail-per order-detail-time">
                            <h3>Date</h3> 
                            <p>Time</p> 
                        </div>
                        <div class="caption order-detail-per order-detail-customer">
                            <h3>CustomerName</h3>
                            <p>CustomerAddressr</p>                            
                        </div>
                        <div class="caption order-detail-per order-detail-order">
                            <h3>MoneyTotal</h3>
                            <p>ProessNumber</p>
                        </div>
                        <div class="caption order-detail-per order-detail-statu">
                            <h3>OrderStatu</h3>
                        </div>
                        <div class="btn-group caption order-detail-per order-detail-showdetail">
                            <button type="button" class="btn btn-primary">Order Detail</button>
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">Receive</a></li>
                                <li><a href="#">Refuse</a></li>
                                <li><a href="#">Distribute</a></li>
                            </ul>       
                        </div>
                    </div>
                 </div>
            </div>
</body>
</html>